<html>
    <head>
        <meta charset="UTF-8">
        <title>DOM（文档对象模型）</title>
       
    </head>

    <body>
        <!-- <button id = "btn" onclick="alert('gun')">我是一个按钮</button> -->
        <button id = "btn">我是一个按钮</button>
        <script type="text/javascript">
            /*
                浏览器已经为我们提供了文档节点 对象这个对象是Window属性
                    可以在页面中直接使用，文档节点代表整个网页
            */
            console.log(document);

            //获取btn对象
            var btn = document.getElementById("btn");
            //修改按钮文字属性
            btn.innerHTML = "我真的是";
            console.log(btn);

            /*
                事件，就是用户和浏览器之间的交互行为
            */

            //绑定一个单击事件
            btn.ondblclick = function()
            {
                alert("赶紧滚");    
            }
        </script>
    </body>
</html>